/* 1.头部 */
#header{
    width: 100%;
    height: 28px;
    background: black;
    margin-bottom:4px; 
}
/*1. 版心 */
.wrap{
    height: 28px;
}
/* 1.log图片 */
.header_logimg img{
    width: 200px;
	height: 112px;
    background-color: #ff6600;
   cursor: pointer;    
}
/* 1.左边文字 */
.header_leftcn{
    width: 104px;
	height: 15px;
	font-size: 18px;
	line-height: 28px;
    color: #e6e6e6;
    margin-left: 200px;
   cursor: pointer;    
}
/* 1.右边文字 */
.header_right{
    width: 182px;
	height: 14px;
	font-size: 14px;
    color: #bfbfbf;
    line-height: 28px;
}
/* 2.菜单 */
#container{
    height: 81px;
}
/* 2.购物车盒子 */
.shopCar{
    width: 200px;
    height: 36px;
   cursor: pointer;    
}
/* 2.购物车 */
.car{
    width: 100px;
    height: 36px;
    background: #ff6600;
}
/*2. 购物车图片 */
.car_img{
    width: 29px;
    height: 21px;
    background: url('../img/bgicon.png') no-repeat;
    background-position: -4px -50px;
    margin-top: 8px;
    margin-left: 4px;
    margin-bottom: 7px;
    /* margin-right:67px;  */
}
/* 2.购物车文字 */
.car_cn{
    top: -26px;
    left: 40px;
    color:#ffffff;
    font-size: 14px;
}
/* 2.订单 */
.order{
    width: 100px;
    height: 36px;
    background-color: #ebebeb;
    font-size: 16px;
    line-height: 36px;
    text-align:center;
}
/* 2.搜索框 */
.search{
    margin-right: 36px;
}
.seek{
    width: 438px;
    height: 32px;
    border:2px solid #ff6600;
}
/* 2.输入框 */
.hunt{
    width: 390px;
    height: 32px;
    text-indent: 5px;
    outline: none;
    border: none;
}
/* 2.搜索图片 */
.search_img{
   width: 48px;
   height: 33px;
   background:url("../img/bgicon.png")no-repeat;
   background-position: -2px -2px;
   top: -1px;
   right: -1px;
   cursor: pointer;
}
/* 2.目录 */
.menu{
    margin-top: 24px;
    margin-left: 203px;
}
/*2. 对a标签的设置 */
.menu>li a{
    text-decoration:none;
    width: 65px;
	height: 16px;
	font-size: 16px;
	font-weight: bold;
    color: #323232;
    margin-left: 32px;
}
/* 3.图书 */
#ebook{
    width: 100%;
    height: 576px;
    background: #f2f2f2;
    padding-top: 20px;
}
/* 3.图书文字 */
.ebook_titleBox{
    margin-left:5px; 
    color: #646464;
    font-size: 16px;
}
.ebook_title{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}
/* 3.图书盒子 */
.ebookBox{
    margin-top:11px; 
    width: 1200px;
	height: 512px;
    background-color: #ffffff;
}    
/* 3.左边盒子 */
.ebook_leftBox{
    margin:14px 22px 24px 23px;
    width: 342px;
    height: 474px;
}
/* 3.左边盒子图片设置 */
.ebook_leftBox_img{
    position: relative;
    width: 342px;
    height: 350px;
}
/* 3.单张图片设置 */
.img_item{
    position: absolute;
    top: 0;
    left: 0;
    width: 342px;
    height: 350px;
    display: none;
}
.img_item img{
    width: 342px;
    height: 350px; 
}
    /* 3.选项图片以及按钮 */
.ebook_leftBox_minimg{
    width: 342px;
    height: 108px;
}
/* 3.左边按钮 */
.ebook_leftBox_leftBtn{
    width: 21px;
    height: 36px;
    background: url('../img/left_btn.png');
}
/* 3.中间小图片 */
.ebook_leftBox_imgBox{
    width: 280px;
    height: 55px;
    margin: 0 10px;
}
/* 3.选中后的效果 */
.active{
    border: 1px solid #f60;
}
.show{
    display: block;
}
/* 3.图片设置 */
.ebook_leftBox_minImg{
    width: 55px;
    height: 55px; 
}
.ebook_leftBox_minImg img{
    width: 55px;
    height: 55px; 
}
/* 3.右边按钮 */
.ebook_leftBox_rightBtn{
    width: 21px;
    height: 36px;
    background: url('../img/right_btn.png');
}
/* 3.左边最后的文字 */
.ebook_leftBox span{
    font-size: 16px;
    color: #646464;
    margin: 0 80px;
}
/* 3.右边盒子 */
.ebook_rightBox{
    margin:14px 24px 24px 0;
    width:788px;
    height: 474px;
}
/* 3.右边文字盒子 */
.ebook_rightBox_titleBox{
    margin-top:15px; 
    margin-left:14px; 
    width: 638px;
    height: 91px;
}
/* 3.文字设置 */
.ebook_rightBox_toptitle{
    font-size: 22px;
    color: #343434;
    padding-bottom: 20px;
}
.ebook_rightBox_title{
    font-size: 18px;
    color: #fb2f2f;
    padding-bottom: 20px;
    
}
.ebook_rightBox_bottomtitle{
    font-size: 16px;
    color: #818181;
}
/* 3.价格盒子 */
.ebook_rightBox_priceBox{
    margin-top: 30px;
    padding-top: 15px;
    width: 788px;
	height: 125px;
	background-color: #f5f5f5;
}
/* 3.小盒子 */
.ebook_rightBox_minpriceBox{
    width: 449px;
    height: 55px;
    line-height: 35px;
    margin-left:16px;
}
/* 3.领券 */
.ebook_rightBox_ticket{
    width: 255px;
    height: 35px;
}
/* 3.图片大小 */
.ebook_rightBox_ticketimg{
    width: 94px;
    height: 26px;
}
/* 3.定位 */
.ebook_rightBox_ticketimg img{
    position: absolute;
    top: 5px;
    left: 0px;
}
/* 3.定位 */
.ebook_rightBox_ticketimg span{
    position: absolute;
    top: 2px;
    left: 26px
}
/* 3.定位 */
.ebook_rightBox_ticketimgs{
    width: 94px;
    height: 26px;
}
/* 3.定位 */
.ebook_rightBox_ticketimgs img{
    position: absolute;
    top: 5px;
    left: 2px;
}
/* 3.定位 */
.ebook_rightBox_ticketimgs span{
    position: absolute;
    top: 1px;
    left: 29px;
}
/* 3.评价盒子 */
.ebook_rightBox_evaluate{
 top: 12px;
 right: 0;
    width: 70px;
 height: 70px;
 border-left: 2px solid #d9d9d9;
}
/* 3.种类盒子 */
.ebook_rightBox_kind{
    width: 300px;
    height: 34px; 
    margin-left: 14px;
    margin-top: 17px;
}
/* 3.选择 */
.ebook_rightBox_kindtitle{
    font-size: 16px;
    color: #4d4d4d;
    line-height: 34px;
}
/* 3.左选择盒子 */
.ebook_rightBox_leftkind{
    width: 100px;
	height: 34px;
    border: solid 1px #c9c9c9;
    text-align: center;
    line-height: 34px;
    cursor:default; 
    
}
/* 3.右选择盒子 */
.ebook_rightBox_rightkind{
    width: 100px;
	height: 34px;
    border: solid 1px #c9c9c9;
    text-align: center;
    line-height: 34px;
    margin-left: 8px;
    cursor:default; 
}
/* 3.选择图标 */
.ebook_rightBox_rightkindimg{
    position: relative;
    width: 16px;
    height: 14px;
    margin-left:166px;
    margin-top:0;  
}
.ebook_rightBox_rightkindimg img{
    position: absolute;
    top: 21px;
    left: 0;
    width: 16px;
    height: 14px;
}
.kind_active{
    border: 1px solid #ff6600;
}
/* 3.数量选择盒子 */
.ebook_rightBox_numBox{
    margin-top: 24px;
    margin-left: 14px;
}
.ebook_rightBox_num{
    width: 42px;
    height: 42px;
    outline: none;
    border: solid 1px #d9d9d9;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
}
.ebook_rightBox_plus{
    width: 20px;
	height: 20px;
	background-color: #e5e5e5;
    border: solid 1px #d9d9d9;
    text-align: center;
    line-height: 19px;
}
.ebook_rightBox_minus{
    top: 22px;
    left: -22px;
    width: 20px;
	height: 20px;
	background-color: #e5e5e5;
    border: solid 1px #d9d9d9;
    text-align: center;
    line-height: 19px;
}
/* 3.加入购物车 */
.ebook_rightBox_shopCar{
    top: -54px;
    left: 104px;
    width: 190px;
	height: 60px;
	background-color: #ff6600;
    border-radius: 2px;
    color: #fefefe;
    font-size: 26px;
    text-align: center;
    line-height: 60px;
}
/* 4.人气单品 */
#popular{
    widows: 100%;
    height:2571px;
    margin-bottom: 1143px;
}
/* 4.版心 */
#popular .wrap{
    width: 1200px;
    height: 2500px;
    margin: 0 auto;
}
/* 4.人气单品标题盒子 */
.popular_titleBox{
    margin-top: 3px;
     width: 1200px;
     height: 311px;
}
/* 4.文本盒子 */
.popular_textBox{
width: 1200px;
height: 47px;
border-bottom: 6px solid #ff6600;
}
/* 4.文本 */
.popular_text{
    width: 124px;
	height: 47px;
    background-color: #ff6600;
    color: #ffffff;
    text-align: center;
    line-height: 47px;
    font-size: 24px;
}
/* 4.内容盒子 */
.popular_titlemainBox{
    height: 258px;
}
/* 4. */
/* background: #f2f2f2; */
.popular_ebookBox{
    width: 210px;
    height: 258px;
    margin-right:30px; 
}
.popular_ebookBox:first-of-type{
    background: #f2f2f2;
}
/* 4.图片盒子 */
.popular_ebookBox_imgBox{
    width: 150px;
    height: 150px;
    margin: 7px 30px 0 30px;
}
/* 4.图片设置 */
.popular_ebookBox_imgBox img{
    width: 150px;
    height: 150px;
}
/* 4.小图片盒子 */
.popular_ebookBox_miniimg{
    width: 73px;
	height: 25px;
}
/* 4.小图片 */
.popular_ebookBox_miniimg img{
    width: 73px;
	height: 25px;
}
/* 内容盒子文字设置 */
.popular_ebookBox_mainBox{
    margin-top:5px;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 110px;
	height: 13px;
    font-size: 14px;
}
/* 4.推荐 */
.popular_ebookBox_nominal{
    margin-left: 9px;
    margin-top:5px; 
    width: 33px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    color: #f4290d;
}
/* 4.图片 */
.popular_ebookBox_nominalimg{
    top: 1px;
    left: 34px;
    width: 108px;
    height: 18px;
}
.popular_ebookBox_nominalimg img{
    width: 20px;
    height: 18px;
}
/* 4.价格盒子 */
.popular_ebookBox_leftBox{
    font-size: 24px;
    color: #f4290d;
    top: 22px;
    left: -3px;    
}
.popular_ebookBox_rightBox{
    font-size: 24px;
    color: #c0c0c0;
    top: 23px;
    left: 71px;
    text-decoration: line-through;
}
/* 4.内容盒子 */
.popular_mainBox{
    width: 1184px;
    height:2212px;
    margin-top:49px; 
    margin-left: 16px;
}
/* 4.左边盒子 */
.popular_mainBox_leftBox{
    width: 316px;
	height: 2210px;
    border: solid 1px #e6e6e6;
}
/* 4.头部文字 */
.popular_mainBox_titleBox{
    width: 308px;
	height: 40px;
    background-color: #f4f4f4;
    font-size: 22px;
    line-height: 40px;
   padding-left: 8px;
}
.popular_mainBox_ebookBox{
    width: 316px;
    height: 309px;
    border-bottom: 1px solid #e6e6e6;
}
/* 4.图片盒子 */
.popular_mainBox_ebookBox_imgBox{
    width: 150px;
    height: 150px;
    margin: 20px auto;
}
/* 4.右边盒子 */
.popular_mainBox_rightBox{
    width: 856px;
    margin-left: 10px;
    height:2210px;
}
/* 头部文字 */
.popular_mainBox_righttitle{
    width: 856px;
    height: 47px;
    border-bottom: 6px solid #ff6600;
}
/* 4.文字设置 */
.popular_mainBox_righttitle li{
    width: 150px;
	height: 47px;
    color: #4c4c4c;
    line-height: 47px;
    text-align: center;
    font-size: 24px;
}
.popular_main{
    width: 856px;
    height: 2158px;
    position: relative;
}
.popular_products{
    width: 856px;
    height: 2158px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
/* 选项卡选中 */
.popular_active{
    background-color: #ff6600;
    color: #fefefe;
}
.popular_show{
    display: block;
}
.evaluate{
    width: 783px;
    height: 80px;
    /* background: skyblue; */
    margin-left: 47px;
    margin-top: 45px;
    margin-bottom: 47px;
}
/* 4.商品介绍 */
.popular_products>.rightBox{
    margin-left: 70px;
    margin-top:20px; 
}
/* 4.文字盒子 */
.textBox{
    margin-top: 20px;
    width: 786px;
    height: 249px;
}
.textBox p{
    margin-top: 20px;
}
/* 4.好评度 */
.reputation{
    width: 105px;
	height: 80px;
    font-size: 20px;
    color: #999999;
}
/* 4.进度条 */
.progress{
    width: 224px;
    height: 80px;
    /* background: gold; */
    margin-left: 68px;
}
/* 4.好评 */
.progress_god{
    width: 224px;
    height: 17px;
    margin-top: 9px;
}
.progress_god_text{
    font-size: 16px;
    color: #999999;
    line-height: 17px;
}
.progress_god_barbottom{
    width: 135px;
	height: 16px;
    background-color: #ccc;
    top: 0;
    left: 88px;
}
.progress_god_bartop{
    width: 135px;
	height: 16px;
    background-color: #f8380c;
    top: 0;
    left:88px;
    overflow: hidden;
}
/* 4.分数 */
.grade{
    
    width: 335px;
    height: 80px;
    margin-left: 51px;
}
.grade_num{
    width: 135px;
    height: 18px;
    margin-top: 12px;
}
.name{
    margin-bottom:0px; 
    color: #666666;
    font-size: 16px;
}
/* 全部评价 */
.all_evaluate{
    width: 856px;
	height: 30px;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
/* 4.详情 */
.particulars{
    width: 856px;
    height: 126px;
    margin-top: 21px;
}
/* 4.小盒子 */
.particulars_minbox{
    width: 856px;
    height: 126px;
    border-bottom: 2px solid #f5f5f5;
}
.particulars_minbox_leftbox{
    width: 114px;
    height: 58px;
    margin-left: 21px;
    text-align: center;
}
/* 4.星星图 */
.star_imgbox{
    width: 79px;
    height: 14px;
    position: relative;
    top: 0;
    left: 16px;
    margin-bottom: 10px;
}
.star{
    position: absolute;
    top: 0;
    left: 0;
    width: 79px;
    height: 14px;
    background: url('../img/star.png') no-repeat -79px;
}
.redstar{
    position: absolute;
    top: 0;
    left: 0;
    width: 79px;
    height: 14px;
    background: url('../img/star.png') no-repeat;
}
/* 4.文本盒子 */
.particulars_minbox_textbox{
    width: 461px;
    height: 31px;
    font-size: 14px;
    color: #666666;
    margin-left: 38px;
}
/* 4.右边盒子 */
.particulars_minbox_rightbox{
   width: 200px;
   height: 58px;
   margin-left: 10px;
}
.icon{
    width: 78px;
    height: 28px;
}
.icon img{
    float: left;
    width: 29px;
	height: 28px;
}
.icon span{
    float: left;
    font-size: 14px;
    color: #666666;
    margin-left: 8px;
    line-height: 28px;
}
/* 4.下一页 */
.nexpage{
    width: 330px;
    height: 32px;
    margin-top: 26px;
}
.nexpage button{
    width: 40px;
	height: 32px;
	background-color: #fafafa;
	border: solid 1px #e5e5e5;
}
.nexpage button:nth-of-type(7){
    width: 64px;
	height: 32px;
	background-color: #fafafa;
    border: solid 1px #e5e5e5;
    
}
/* 5.底图 */
#img{
    width: 1200px;
    height: 90px;
    margin: 0 auto;
}
/* 11.页脚 */
#footer{
    width: 100%;
    min-height: 200px;
    border-top: 12px solid #ff6600;
}
.footer_img{
    width: 100%;
    height: 100px;
    background: #ccc;
}
.imgBox{
    top: 25px;
    left: 380px;
    width: 785px;
    height: 50px;
}
.imgBox img{
    margin-left: 35px;
    margin-right: 26px;  
}
.footertitlebox{
    width: 681px;
    height: 130px;
    margin: 36px auto;
    margin-bottom: 38px;
}
.footerleft{
    line-height: 26px;
    margin-right: 5px;
    margin-left: 43px;
}
.footersynopsis>span{
    font-size: 14px;
    margin-left: 405px;
    color: #333;
}
.footer_footertitle{
    margin-top:38px; 
}
.footer_footertitle>span{
    margin-left: 600px;
    color: #333;
    font-size: 14px;
}
.footer-footerimg img{
    position: absolute;
    top: -221px;
    right: 210px;
}